@charset "utf-8";
/* CSS Document */
.randomtext {
	font-weight:bold;
	text-align:center;
}
.container {
/*	width:1310px;*/
	width:1300px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	/*background-image: url(../../../public/img/images/konten.png);*/
        background-image: url(../img/images/konten.png);
	background-repeat: repeat-y;
	background-position: left;
}
.header {
	/*height:150px;*/
	height:200px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#00FF00;*/
	background-image: url(../img/images/kepala.png);
}

.head1{
	/*width:500px;*/
	width:450px;
	height:inherit;
	float:left;
	/*background-color:#0066CC;*/
	background-image: url(../img/images/logo.png);
}

.head2{
	/*width:810px;*/
	width:800px;
	/*height:60px;*/
	height:45px;
	float:left;
	/*background-color:#993366;*/
}

.tombol{
	margin-top:20px;
	margin-left:40px;
	width:80px;
	height:80px;
	float:left;
	background-image: url(../img/images/tombol1.png);
}

.tombol label {
	display:inherit;
	margin-top:28px;
	width:80px;
	height:80px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#333300;
}

.tombol:hover{
	margin-top:20px;
	margin-left:40px;
	width:80px;
	height:80px;
	float:left;
	background-image: url(../img/images/tombol1hover.png);
	/*font-size:16px;
	font-weight:bold;*/
	color:#FF0000;
}

.tombol label:hover {
	display:inherit;
	margin-top:28px;
	width:80px;
	height:80px;
	text-align:center;
	font-size:19px;
	font-weight:bolder;
	color:#CC3366;
}

.search1 {
	float:left;
	width:auto;
	/*height:90px;*/
	height:50px;
	border-style:double;
}

.search2 {
	float:left;
	width:405px;
	height:65px;
}

.menu {
	float:left;
	width:162px;
	height:25px;
	text-align:center;
	background-color:#FFFF00;
}

.content {
	/*background-color:#33FFFF;*/
	min-height:400px;
	/*max-height:1000px;*/
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

.headcontent {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.leftcontent {
	/*background-color:#FF9933;*/
	float:left;
	/*border-style:solid;*/
}

.centercontent {
	/*background-color:#9999FF;*/
	float:left;
}

.rightcontent {
	/*background-color:#66CC66;*/
	float:left;
}

.singlecontent {
	margin-left:auto;
	margin-right:auto;
}

.right1{
	float:left;
	height:auto;
	width:inherit;
	/*background-color:#009900;*/
	/*margin-bottom:2px;*/
}

.right2{
	float:left;
	/*height:300px;*/
	height:auto;
	width:inherit;
	/*background-color:#99FF00;*/
}

.clearboth {
	clear:both;
}

.items {
	margin : 5px;
}

.items label {
	display: inline-block;
	text-align: right;
	width: 102px;
	margin-right: 3px;
}

.item2 {
    margin-left: 40px;
    margin-bottom: 9px;
}

.item2 label {
    display: inline-block;
    text-align: left;
    width: 102px;
    margin-right: 3px;
}

.postitem {
    float: left;
    margin: 3px;
    height: auto;
}

.fotoitem {
	margin:5px;
	float:left;
	border-style: solid;
	position:relative;
}

.validationtext {
	width: auto;
	float: right;
	margin-right: 700px;
	text-align: justify;
}

.wallpost {
    background-color: #ccccff;
    width:600px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
    margin-bottom:25px;
    border-style: ridge;
    border-color: #999999;
}

.post {
    background-color: #99ffff;
    width:600px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}

.footer {
	height:200px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FF99FF;*/
	background-image:url(../img/images/footer.png)
}
